<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600">hello
    <circle cx="300" cy="300" r="50" fill="red">hello</circle>
    <g>
        <circle cx="100" cy="300" r="20" fill="blue"></circle>
        <g>
            <circle cx="50" cy="300" r="10" fill="yellow">hello</circle>
            <animateTransform attributeName="transform" from ="0 100 300 "
                              to="360 100 300 " type="rotate" begin="0s" dur="10s" repeatCount="indefinite">
            </animateTransform>

        </g>
        <g>
            <circle cx="130" cy="300" r="5" fill="green"></circle>
            <animateTransform attributeName="transform" from ="0 100 300 "
                              to="360 100 300 " type="rotate" begin="0s" dur="3s" repeatCount="indefinite">
            </animateTransform>

        </g>
        <animateTransform attributeName="transform" from ="0 300 300 "
                          to="360 300 300 " type="rotate" begin="0s" dur="20s" repeatCount="indefinite">
        </animateTransform>

    </g>


</svg>
</body>
</html>